<% for(var i=0; i<this.quartersNumber;i++){ %>
	<div id="slide-<%=i %>" class="slide"
			<%= (el)->$(el).css('height',$(window).height())%> 
			<%= (el)->$(el).css('padding-top',($(window).height()-420)/2)%>
			<%= (el)->$(el).css('left',($(window).width()-550)/2)%> 
			<%= (el)->$('#nav').append('<li><a href="#'+$(el).attr("id")+'" title="Next section"></a></li>') %>
	>
		<div id="quarter-<%= i %>" class="quarter"
			<%= (el)->$(el).css('width',this.columns*this.columnWidth) %>
		>
				 <%== can.view.render('js/app/view/PlaceholderNoItems.ejs',this.rows*this.columns) %>
		</div>
	</div>
<% } %>